import Vue from 'vue'
import VueRouter from 'vue-router'


Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'login',
    component: () => import('../views/LoginView.vue')
  },
  {
    path: '/user',
    name: 'user',
    component: () => import('../views/UserListView.vue')
  },
  {
    path: '/login',
    name: 'login',
    component: () => import('../views/LoginView.vue')
  }
]

const router = new VueRouter({
  mode: 'history',
  // 环境变量
  base: process.env.BASE_URL,
  routes,
  linkExactActiveClass: "green" // 全局配置激活类名
})

// 全局拦截（导航守卫）next：函数
// 守卫执行时，，组件实例还没有被创建
//to 将要访问的路径
//from 代表从哪一个路径跳转而来
//next()函数 代表放行


export default router
